<div id="group_header-{{id}}" class="group-description" role='button' tabindex='0' aria-controls="group_detail-{{id}}" aria-expanded='false'>
  <label class="screenreader-only" for="group_header-{{id}}">
    {{#t}}Expand/collapse {{title}} Outcome Group, student meets mastery of {{mastery_count}} of {{count}} outcomes{{/t}}
  </label>
  <div class="outcome-icon">
    {{> icons/mini-arrow-down}}
    {{> icons/mini-arrow-up}}
  </div>
  <h3 class="group-title" aria-hidden="true">{{title}}</h3>
  <div class="group-status" aria-hidden="true">
    <ul class="pill">
      <li
      {{#if mastery_count}}
        class="has-mastery"
      {{else}}
        class="no-mastery"
      {{/if}}
        >{{n mastery_count}}</li>
      <li>{{n count}}</li>
    </ul>
  </div>
</div>
<div id="group_detail-{{id}}" class="outcomes">
</div>
